<template>
  <div class="order-table">
    <el-table :data="tableData">
      <el-table-column type="index"></el-table-column>
      <el-table-column
        label="订单编号"
        prop="order_number"
        width="180px"
      ></el-table-column>
      <el-table-column label="订单价格" prop="order_price"></el-table-column>
      <el-table-column label="是否付款" prop="pay_status">
        <template #default="scope">
          <el-tag v-if="scope.row.pay_status == '1'" type="success"
            >已付款</el-tag
          >
          <el-tag v-else type="danger">未付款</el-tag>
        </template>
      </el-table-column>
      <el-table-column label="是否发货" prop="is_send"></el-table-column>
      <el-table-column label="下单时间">
        <template #default="scope">
          {{ scope.row.create_time | dateFormat }}
        </template>
      </el-table-column>
      <el-table-column label="操作" width="180px">
        <template #default>
          <el-button type="primary" size="mini" icon="el-icon-edit"
            >编辑</el-button
          >
          <el-button
            type="success"
            size="mini"
            icon="el-icon-setting"
            @click="$emit('queryLogistics')"
            >查询</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
create_time
<script>
export default {
  name: "OrderTable",
  props: {
    tableData: {
      type: Array,
      default() {
        return [];
      }
    }
  }
};
</script>

<style lang="scss" scoped></style>
